/*
 * @Author: luojian jian.luo@macrowing.com
 * @Date: 2024-05-15 15:57:51
 * @LastEditors: luojian jian.luo@macrowing.com
 * @LastEditTime: 2024-05-20 14:30:33
 * @FilePath: \JiangHeBiWeb\src\components\jh\ServiceStorage\style.ts
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */
import styled from 'styled-components';
export const ServiceStorageStyled = styled.div`
.serviceStoreage{
    width:100%;
    height:25vh;
    display: flex;
    flex-flow: column;
    .serviceUsing{
        color: #fff;
        font-size: 0.8rem;  
        margin-top: 0.5rem;
        display: flex;
        justify-content: space-around;
        padding: 0 15% 0 0; 
        @media screen and (width: 2560px) {
            font-size: 1.2rem;  
        }
        .serviceUsingItem {
            text-align: center;
            color: #EEE;
        }
        .serviceUsingNumber{
            font-size: 1.4rem;
            background-clip: text;
            -webkit-background-clip: text;
            color: transparent;
            background-image: linear-gradient(to bottom, #ffe, #eead05);
            //  color: #eead05;
             margin-bottom: 0.5rem;
             @media screen and (width: 2560px) {
                font-size: 1.8rem;  
                margin-bottom: 0.8rem;
            }
        }
    }
}
`;
